<template>
  <div style="position: relative;width: 100%;height: 100%;">
    <div
      class="set_bg _j_load_cover"
      style="z-index: 1; background-image: url(&quot;http://b1-q.mafengwo.net/s16/M00/87/52/CoUBUl6CqbaAfBNAABXNLWs2Dno32.jpeg?imageMogr2%2Fstrip&quot;); opacity: 1;"
    >
      <img
        src="http://b1-q.mafengwo.net/s16/M00/87/52/CoUBUl6CqbaAfBNAABXNLWs2Dno32.jpeg?imageMogr2%2Fstrip"
        style="display: none"
      />
    </div>
    <div class="view_title clearfix">
      <div
        id="pagelet-block-ac0ae84698d8a9b25b584310d8e5c08b"
        class="pagelet-block"
        data-api=":note:pagelet:headOperateApi"
        data-params="{&quot;iid&quot;:&quot;18982204&quot;}"
        data-async="1"
        data-controller="/js/note/ControllerHead"
      >
        <div class="vt_center">
          <div class="ding _j_ding_father">
            <a
              role="button"
              data-japp="articleding"
              rel="nofollow"
              data-iid="18982204"
              data-vote="69"
              class="up_act"
              title="顶"
            >顶</a>
            <div class="num _j_up_num topvote18982204">69</div>
          </div>
          <div class="person" data-cs-t="ginfo_person_operate">
            <a href="/u/5125436.html" target="_blank" class="per_pic">
              <img
                width="120"
                height="120"
                src="http://n1-q.mafengwo.net/s10/M00/41/22/wKgBZ1nDGx6AUvUhAAbqxce7XLo34.jpeg?imageMogr2%2Fthumbnail%2F%21200x200r%2Fgravity%2FCenter%2Fcrop%2F%21200x200%2Fquality%2F90"
                alt
              />
            </a>
            <a target="_blank" href="/club/" class="i-fengshou"></a>
            <strong>
              <a href="/u/5125436.html" target="_blank" class="per_name" title="J调de华丽">
                J调de华丽
                (上海)
              </a>
            </strong>
            <a href="/u/5125436.html" target="_blank" class="per_grade" title="LV.41">LV.41</a>
            <a
              href="javascript:void(0);"
              class="per_attention"
              data-japp="following"
              data-uid="5125436"
              data-follow_class="hide"
            >
              <img
                src="http://images.mafengwo.net/images/home/tweet/btn_sfollow.gif"
                width="38"
                height="13"
                border="0"
                title="关注TA"
              />
            </a>
            <div class="vc_time">
              <span class="time">2020-03-31 10:25</span>
              <span>
                <i class="ico_view"></i>1.5w/13
              </span>
            </div>
          </div>
          <div class="bs_share">
            <a href="javascript:void(0);" rel="nofollow" title="分享" class="bs_btn">
              <i></i>
              <span>0</span>
              <strong>分享</strong>
            </a>
          </div>
          <div class="bs_collect">
            <a
              href="javascript:void(0);"
              rel="nofollow"
              title="收藏"
              class="bs_btn _j_do_fav"
              data-ctime="2020-03-31 10:25:19"
            >
              <i></i>
              <span>27</span>
              <strong>收藏</strong>
            </a>
          </div>
          <div class="_j_music_father"></div>
        </div>
      </div>
    </div>
    <div class="index-wrap">
      <el-container>
        <el-aside class="left-menu" width="360px">
          <div class="index-left-block">
            <div class="asidebox-hd">
              <a class="title">美食景点</a>
              <a class="hd-right" href>专栏首页</a>
            </div>
            <!-- <slider :sliders="deliciousFoodDt"></slider> -->

            <div class="container-list food">
              <el-carousel height="240px">
                <el-carousel-item v-for="item in deliciousFoodDt" :key="item.id">
                  <a :href="item.href" target="_blank">
                    <img width="100%" height="150px" :src="item.img" />
                  </a>
                  <div class="mask">
                    <h3 class="title">
                      <a :href="item.href">{{ item.title }}</a>
                    </h3>
                    <p>{{ item.description }}</p>
                  </div>
                </el-carousel-item>
              </el-carousel>
            </div>
          </div>
          <div class="index-left-block">
            <div class="asidebox-hd">
              <a class="title">旅行资讯</a>
              <a class="hd-right" href>更多</a>
            </div>
            <div class="container-list product_list">
              <img :src="raidersData.img" :alt="raidersData.title" />
              <h3>
                <a href="javascript:void(0);">{{ raidersData.title }}</a>
              </h3>
              <div class="address-tag-container">
                <el-tag
                  v-for="address in raidersAddressDt"
                  :key="address.id"
                  type="success"
                >{{ address }}</el-tag>
              </div>
            </div>
          </div>
          <div class="index-left-block">
            <div class="asidebox-hd">
              <a class="title">攻略目录</a>
              <!-- <a class="hd-right" href>更多</a> -->
            </div>
            <div class="container-list pic_news">
              <!-- <template v-for="inf in informationData" v-if="inf.img">
              <img :src="inf.img" :alt="inf.title" />
              <h3>
                <a href="javascript:void(0);">{{ inf.title }}</a>
              </h3>
              <p>{{ inf.msg }}</p>
              </template>-->
              <ul>
                <li v-for="inf in informationData" :key="inf.id">
                  <span>{{ inf.time }}</span>
                  <a href="javascript:void(0);">{{ inf.title }}</a>
                </li>
              </ul>
            </div>
          </div>
          <div class="mfw-toolbar" id="_j_mfwtoolbar" style="display: block;">
            <div class="toolbar-item-top" style="display: block;">
              <a href="#top" role="button" class="btn _j_gotop">
                <i class="icon_top"></i>
                <em>返回顶部</em>
              </a>
            </div>
            <div class="toolbar-item-feedback">
              <a role="button" data-japp="feedback" class="btn">
                <i class="icon_feedback"></i>
                <em>意见反馈</em>
              </a>
            </div>
            <div class="toolbar-item-code">
              <a role="button" class="btn">
                <i class="icon_code"></i>
              </a>
              <a role="button" class="mfw-code _j_code">
                <img
                  src="https://p1-q.mafengwo.net/s1/M00/6C/51/wKgIC1t_6TuASybrAADGUPUHjr021.jpeg?imageMogr2%2Fthumbnail%2F%21450x192r%2Fgravity%2FCenter%2Fcrop%2F%21450x192%2Fquality%2F90"
                  width="450"
                  height="192"
                />
              </a>
            </div>
          </div>
        </el-aside>
        <el-main style="padding: 15px 0;">
          <div class="travel_directory _j_exscheduleinfo">
            <div class="tarvel_dir_list clearfix">
              <ul>
                <li class="time">
                  出发时间
                  <span>/</span>2019-12-28
                  <i></i>
                </li>
                <li class="day">
                  出行天数
                  <span>/</span>10 天
                </li>
                <li class="people">
                  人物
                  <span>/</span> 和朋友
                </li>
                <li class="cost">
                  人均费用
                  <span>/</span>20000RMB
                </li>
              </ul>
            </div>
          </div>

          <div class="va_con _j_master_content" data-cs-t="ginfo_kw_hotel">
            <div class="block-loading loading_backward"></div>
            <div class="_j_content_box">
              <p class="_j_note_content _j_seqitem" data-seq="873035659">
                第三次的
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                之行，迎接令和二年！
                <br />
              </p>
              <div
                data-seq="979394231"
                data-index="1"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t1">
                  <span class="_j_anchor">///行程：</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="979394232">
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/246.png" />
                2019/12/28 - 2019/12/31:
                <br />以
                <a
                  href="/travel-scenic-spot/mafengwo/10765.html"
                  class="link _j_keyword_mdd"
                  data-kw="大阪"
                  target="_blank"
                >大阪</a>
                为中心，一日游的形式游览
                <a
                  href="/travel-scenic-spot/mafengwo/40493.html"
                  class="link _j_keyword_mdd"
                  data-kw="宇治"
                  target="_blank"
                >宇治</a>
                、
                <a
                  href="/travel-scenic-spot/mafengwo/11042.html"
                  class="link _j_keyword_mdd"
                  data-kw="京都"
                  target="_blank"
                >京都</a>
                、
                <a
                  href="/travel-scenic-spot/mafengwo/16283.html"
                  class="link _j_keyword_mdd"
                  data-kw="奈良"
                  target="_blank"
                >奈良</a>
                。
                <br />冬天天色暗得很早，体验夜生活当然还是要回到
                <a
                  href="/travel-scenic-spot/mafengwo/10765.html"
                  class="link _j_keyword_mdd"
                  data-kw="大阪"
                  target="_blank"
                >大阪</a>
                。
                <br />
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/246.png" />
                2020/1/1 - 2020/1/5:
                <br />新的一年，出发去
                <a
                  href="/travel-scenic-spot/mafengwo/44996.html"
                  class="link _j_keyword_mdd"
                  data-kw="四国"
                  target="_blank"
                >四国</a>
                ！
                <br />稍稍离开繁华的都市，去晴天之国看一眼日式名园，去
                <a
                  href="/travel-scenic-spot/mafengwo/182216.html"
                  class="link _j_keyword_mdd"
                  data-kw="濑户内海"
                  target="_blank"
                >濑户内海</a>
                的小岛沾染一点艺术的气息，去温泉乡洗涤一下浮躁的心。
                <br />
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/246.png" />
                2020/1/6 - 2020/1/7:
                <br />再回到
                <a
                  href="/travel-scenic-spot/mafengwo/10765.html"
                  class="link _j_keyword_mdd"
                  data-kw="大阪"
                  target="_blank"
                >大阪</a>
                ，最后两天的买买吃吃逛逛。
              </p>
              <div
                data-seq="955948250"
                data-index="2"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t9">
                  <span class="_j_anchor">出行前的准备</span>
                </h2>
              </div>
              <div
                data-seq="955948324"
                data-index="3"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t1">
                  <span class="_j_anchor">///JR Pass</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="968472764">
                「
                <a
                  href="/travel-scenic-spot/mafengwo/154825.html"
                  class="link _j_keyword_mdd"
                  data-kw="关西"
                  target="_blank"
                >关西</a>
                广域5日Pass」 — 坡坡的Japan Rail Cafe购入。$114/pax.
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/261.png" />
                购买方便。（在Japan Rail Cafe就可以买到）
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/261.png" />
                海外价格比在
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                境内买便宜1000円。
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/261.png" />
                旅行中如果有搭乘
                <a
                  href="/travel-scenic-spot/mafengwo/144119.html"
                  class="link _j_keyword_mdd"
                  data-kw="新干"
                  target="_blank"
                >新干</a>
                线的计划，JR Pass会很划算。
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/262.png" />

                <a
                  href="/travel-scenic-spot/mafengwo/154825.html"
                  class="link _j_keyword_mdd"
                  data-kw="关西"
                  target="_blank"
                >关西</a>
                广域 Pass 最长只有5天。从使用当天算起，出行要计划好日期。
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/262.png" />
                取票队伍超长。在KIX取票的地方拍了将近1小时才拿到票。
                <br />

                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/262.png" />
                JR Pass和一般的车票长得很像。千万要小心放好，别随手扔了。
              </p>
              <div
                data-seq="955948356"
                data-index="4"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t1">
                  <span class="_j_anchor">///酒店住宿</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="968725185">
                <a
                  href="/travel-scenic-spot/mafengwo/10765.html"
                  class="link _j_keyword_mdd"
                  data-kw="大阪"
                  target="_blank"
                >大阪</a>
                ：Hotel Monterey Grasmere Osaka
                <br />这家酒店和难波JR/地铁站是互通的。去心斋桥过于方便，导致我们在心斋桥瞎逛了好多天
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/79.png" />
                。
                <br />我们在
                <a
                  href="/travel-scenic-spot/mafengwo/10765.html"
                  class="link _j_keyword_mdd"
                  data-kw="大阪"
                  target="_blank"
                >大阪</a>
                的六天一直住这家。去
                <a
                  href="/travel-scenic-spot/mafengwo/44996.html"
                  class="link _j_keyword_mdd"
                  data-kw="四国"
                  target="_blank"
                >四国</a>
                的时候行李箱直接寄存在这里。
                <br />
                <br />交通：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />性价比：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />服务：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />
                <br />松山：Dormy Inn Matsuyama Natural Hot Spring
                <br />这家温泉酒店就在大街道（Okaido）的中间，交通购物觅食的便捷度没得说。装修比较现代日系冷淡风。楼顶的温泉池有带露天池。
                <br />交通：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />性价比：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />服务态度：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />
              </p>
              <div
                id="_j_photo_978087573"
                data-seq="978135832"
                data-pid="978087573"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
                data-poiid="91450436"
              >
                <a
                  target="_blank"
                  style="display: block"
                  href="/photo/44996/scenery_18969109/978087573.html"
                >
                  <img
                    class
                    style="height: 382px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://p1-q.mafengwo.net/s16/M00/3F/B9/CoUBUl6AN0GAbzJHAAmH0TpG9vE40.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-src="http://p1-q.mafengwo.net/s16/M00/3F/B9/CoUBUl6AN0GAbzJHAAmH0TpG9vE40.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-rt-src="http://p1-q.mafengwo.net/s16/M00/3F/B9/CoUBUl6AN0GAbzJHAAmH0TpG9vE40.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    data-pid="978087573"
                    alt
                  />
                </a>
                <span class="pic_tag">
                  <a
                    href="/poi/91450436.html"
                    class="_j_anchor"
                    data-poiid="91450436"
                    target="_blank"
                    data-cs-p="ginfo_img_poi_new"
                  >
                    <i class="traffic"></i>日本松山大街道站
                  </a>
                </span>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="978135807">
                <br />道后温泉：Hotel Tsubakikan Honkan （椿館）
                <br />去松山的主要目的 —— 住高级的温泉酒店，泡最贵的汤！（冗談冗談
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/12.png" />
                ）
                <br />其实是因为上回在
                <a
                  href="/travel-scenic-spot/mafengwo/10746.html"
                  class="link _j_keyword_mdd"
                  data-kw="北海道"
                  target="_blank"
                >北海道</a>
                误入了一家温泉酒店，体验过了温泉酒店就再回不去了。感觉之后的每一次
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                之行都会忍不住想要住。
                <br />这回可能因为赶上新年，酒店里晚饭过后有大鼓表演，lucky！
                <br />
                <br />交通：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                （虽然不是很方便，但酒店有车可以送到道后温泉火车站）
                <br />性价比：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                （毕竟它 高すぎる！）
                <br />服务态度：
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <!-- <img src='h' style='width:hpx;' />-->
                <img src="http://images.mafengwo.net/images/i/face/daily_v2/30.png" />
                <br />
              </p>
              <div
                id="_j_photo_978121034"
                data-seq="978135806"
                data-pid="978121034"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
                data-poiid="8073139"
              >
                <a
                  target="_blank"
                  style="display: block"
                  href="/photo/44996/scenery_18969109/978121034.html"
                >
                  <img
                    class
                    style="height: 453px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://b1-q.mafengwo.net/s16/M00/82/77/CoUBUl6AZQmAfwI4ABBWDxuvyVo81.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-src="http://b1-q.mafengwo.net/s16/M00/82/77/CoUBUl6AZQmAfwI4ABBWDxuvyVo81.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-rt-src="http://b1-q.mafengwo.net/s16/M00/82/77/CoUBUl6AZQmAfwI4ABBWDxuvyVo81.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    data-pid="978121034"
                    alt
                  />
                </a>
                <span class="pic_tag">
                  <a
                    href="/poi/8073139.html"
                    class="_j_anchor"
                    data-poiid="8073139"
                    target="_blank"
                    data-cs-p="ginfo_img_poi_new"
                  >
                    <i class="house"></i>道后温泉
                  </a>
                </span>
              </div>
              <div
                data-seq="955950793"
                data-index="5"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t1">
                  <span class="_j_anchor">///其他</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="968466434">
                旅行新体验 之一 —— 茶道体验（Tea Ceremony）！
                <br />因为要去
                <a
                  href="/travel-scenic-spot/mafengwo/11042.html"
                  class="link _j_keyword_mdd"
                  data-kw="京都"
                  target="_blank"
                >京都</a>
                ，穿和服和茶道体验都在这回的 checklist 前排。所以早早就订好时间，预约了清水寺附近的 Camellia Tea Ceremony FLOWER。茶道先生的英文说得很好，不会说日语也不用担心。
                <br />同时预订它家可以在附近的和服店以3000円的折扣价格租到整套的和服。
                <br />
                <br />旅行新体验 之二 —— 当地“洗剪吹”！
                <br />一直听说
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                的Tony老师很不错，服务也很好。那就一定要去尝试一下！同时也是锻炼自己日语的好机会，哈哈，我是不会错过的。价格方面总之是比坡坡便宜很多。
              </p>
              <div
                data-seq="968468515"
                data-index="6"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t9">
                  <span class="_j_anchor">*///旅行经验 —— 提前预约很重要</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="968468516">
                基于上次在
                <a
                  href="/travel-scenic-spot/mafengwo/10746.html"
                  class="link _j_keyword_mdd"
                  data-kw="北海道"
                  target="_blank"
                >北海道</a>
                多次吃闭门羹的体验，加上假日旺季，我们这回很多想去的地方都提前预约好了。
                <br />主要是：
                <br />1. 餐厅 （
                <a
                  href="/travel-scenic-spot/mafengwo/63538.html"
                  class="link _j_keyword_mdd"
                  data-kw="比如"
                  target="_blank"
                >比如</a>
                蟹道乐，松阪牛烧肉M）
                <br />2. 茶道
                <br />3. Hair Salon
                <br />
                <br />1. 蟹道乐的预约比较简单，可以直接在它家的官网预约。官网有中文。预定的时候要选好去哪一家分店，到时候不要走错了。不过由于蟹道乐的名气，不管是哪家分店，一般要提前1-2个月预约比较安全。这回的就是提前了一个多月预约了12/28号的。当天由于取 JR Pass 耽搁了一点时间，比预计的晚到半个小时左右。不过因为有预约的话，店里的人还是帮忙安排了位置。
              </p>
              <div
                id="_j_photo_978137119"
                data-seq="978137120"
                data-pid="978137119"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
                data-poiid="6407053"
              >
                <a
                  target="_blank"
                  style="display: block"
                  href="/photo/44996/scenery_18969109/978137119.html"
                >
                  <img
                    class
                    style="height: 453px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://n1-q.mafengwo.net/s16/M00/A5/2F/CoUBUl6Af9SACQUaAA3Dq1DDN-806.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-src="http://n1-q.mafengwo.net/s16/M00/A5/2F/CoUBUl6Af9SACQUaAA3Dq1DDN-806.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-rt-src="http://n1-q.mafengwo.net/s16/M00/A5/2F/CoUBUl6Af9SACQUaAA3Dq1DDN-806.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    data-pid="978137119"
                    alt
                  />
                </a>
                <span class="pic_tag">
                  <a
                    href="/poi/6407053.html"
                    class="_j_anchor"
                    data-poiid="6407053"
                    target="_blank"
                    data-cs-p="ginfo_img_poi_new"
                  >
                    <i class="food"></i>蟹道乐
                  </a>
                </span>
              </div>
              <p
                class="_j_note_content _j_seqitem"
                data-seq="978137601"
              >2. 茶道体验是严格的预约制。因为一节课能参加的人数有限，所以定好日子就赶紧预定吧。</p>
              <div
                id="_j_photo_978137121"
                data-seq="978137122"
                data-pid="978137121"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
              >
                <a
                  target="_blank"
                  style="display: block"
                  href="/photo/44996/scenery_18969109/978137121.html"
                >
                  <img
                    class
                    style="height: 906px; width: 680px; background: rgb(252, 242, 220); display: block;"
                    src="http://p1-q.mafengwo.net/s16/M00/A5/30/CoUBUl6Af9aAaiBpAAyXei5P1ew78.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-src="http://p1-q.mafengwo.net/s16/M00/A5/30/CoUBUl6Af9aAaiBpAAyXei5P1ew78.jpeg?imageView2%2F2%2Fw%2F680%2Fq%2F90%7CimageMogr2%2Fstrip%2Fquality%2F90"
                    data-rt-src="http://p1-q.mafengwo.net/s16/M00/A5/30/CoUBUl6Af9aAaiBpAAyXei5P1ew78.jpeg?imageMogr2%2Fthumbnail%2F1360x%2Fstrip%2Fquality%2F90"
                    data-pid="978137121"
                    alt
                  />
                </a>
              </div>
              <div
                id="_j_photo_978137128"
                data-seq="978137129"
                data-pid="978137128"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
              >
                <a
                  target="_blank"
                  style="display: block"
                  href="/photo/44996/scenery_18969109/978137128.html"
                ></a>
              </div>
              <p
                class="_j_note_content _j_seqitem"
                data-seq="978137591"
              >3. 松阪牛烧肉M的这家店是提前三天预定的。去的当天也是很多人，如果没有预定会有点困难。</p>
              <div
                id="_j_photo_978137336"
                data-seq="978137337"
                data-pid="978137336"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
                data-poiid="34795660"
              ></div>
              <div
                id="_j_photo_978137577"
                data-seq="978137578"
                data-pid="978137577"
                class="add_pic _j_anchorcnt _j_seqitem"
                style="width:680px"
                data-poiid="34795660"
              >
                <a
                  target="_blank"
                  style="display: block"
                  href="/photo/44996/scenery_18969109/978137577.html"
                ></a>
                <span class="pic_tag">
                  <a
                    href="/poi/34795660.html"
                    class="_j_anchor"
                    data-poiid="34795660"
                    target="_blank"
                    data-cs-p="ginfo_img_poi_new"
                  >
                    <i class="food"></i>松阪牛烧肉M
                  </a>
                </span>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="978137605">
                <br />4. Hair Salon。
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                的沙龙有些店是完全预约制，有些接受walk in。但是我很早就决定要去
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                剪头发，保险起见，还是预定了一家离酒店比较近的Salon。
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                的美发美甲一般都可以通过Hot Pepper Beauty预定。具体可参考某书app上面的各种教程。
              </p>
              <div
                data-seq="968466894"
                data-index="7"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t9">
                  <span class="_j_anchor">Part 1. 关西篇 — 大阪/宇治/京都</span>
                </h2>
              </div>
              <div
                data-seq="955951934"
                data-index="8"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t1">
                  <span class="_j_anchor">Day 1: 蟹道乐</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="974813658">
                生蟹腿好好吃！
                <br />烤蟹肉好好吃！
                <br />蟹肉粥好好吃！
              </p>
              <div class="video_wrapper">
                <div
                  class="add_video _j_seqitem"
                  data-vid="2764207"
                  data-seq="974813634"
                  data-url="http://www.mafengwo.cn/rest/app/note/video/2764207?jsondata=%7B%22data_style%22%3A%22jump%22%7D&amp;type=.m3u8"
                  data-type="2"
                  data-ready="1"
                  data-width="1920"
                  data-height="1080"
                  data-audit="0"
                >
                  <video
                    data-type="2"
                    width="680"
                    height="auto"
                    data-url="http://www.mafengwo.cn/rest/app/note/video/2764207?jsondata=%7B%22data_style%22%3A%22jump%22%7D"
                    class="_js_videojs_hls"
                    data-noneedinit="0"
                    controls
                    src="blob:http://www.mafengwo.cn/8971bc15-4bb6-48e7-abcd-9c0d20a2e367"
                  ></video>
                </div>
                <div class="video_more _js_needFocus _js_needInitVideoInfo">
                  <div class="filmming_place place_suggest">
                    <a class="fgpe_input" href="/poi/6407053.html">蟹道乐(道顿堀本店)</a>
                  </div>
                </div>
              </div>

              <div
                data-seq="955952186"
                data-index="9"
                class="article_title _j_anchorcnt _j_seqitem"
              >
                <h2 class="t1">
                  <span class="_j_anchor">Day 2: 宇治+奈良</span>
                </h2>
              </div>
              <p class="_j_note_content _j_seqitem" data-seq="956936732">
                虽然到达的第一天已经经历过搭错车事件，但是第二天我们又又又被套路了！
                <br />#走过最深的套路，是
                <a
                  href="/travel-scenic-spot/mafengwo/10183.html"
                  class="link _j_keyword_mdd"
                  data-kw="日本"
                  target="_blank"
                >日本</a>
                火车的线路
                <br />
                <br />从难波到
                <a
                  href="/travel-scenic-spot/mafengwo/40493.html"
                  class="link _j_keyword_mdd"
                  data-kw="宇治"
                  target="_blank"
                >宇治</a>
                ，我们选择的路线是：难波 —
                <a
                  href="/travel-scenic-spot/mafengwo/16283.html"
                  class="link _j_keyword_mdd"
                  data-kw="奈良"
                  target="_blank"
                >奈良</a>
                —
                <a
                  href="/travel-scenic-spot/mafengwo/40493.html"
                  class="link _j_keyword_mdd"
                  data-kw="宇治"
                  target="_blank"
                >宇治</a>
                <br />但是！在新今宫，一个非常容易被忽视的站，可以搭去
                <a
                  href="/travel-scenic-spot/mafengwo/16283.html"
                  class="link _j_keyword_mdd"
                  data-kw="奈良"
                  target="_blank"
                >奈良</a>
                的快车啊！快车啊！
                <br />我们两个傻子在新今宫的时候眼睁睁看着大家都去换乘站台对面的快车（只停几站），然后一脸迷茫的继续呆在慢车上（每站都要停），晃晃悠悠了 2 小时才到。最气愤的是中间有一站为了给快车让道，还在路上延误了15分钟。
                <br />不过算了，我们没什么计划，慢慢的也好，体验慢生活。
                <br />
                <br />Finally，
                <a
                  href="/travel-scenic-spot/mafengwo/40493.html"
                  class="link _j_keyword_mdd"
                  data-kw="宇治"
                  target="_blank"
                >宇治</a>
                ！
                <br />
                <br />天气大好
              </p>
              <p class="_j_note_content _j_seqitem" data-seq="974954515">Lunch 之 万物皆可「抹茶」</p>
              <p class="_j_note_content _j_seqitem" data-seq="974954520">抹茶色的咖喱汤⬇️</p>

              <p class="_j_note_content _j_seqitem" data-seq="974954539">
                <a
                  href="/travel-scenic-spot/mafengwo/40493.html"
                  class="link _j_keyword_mdd"
                  data-kw="宇治"
                  target="_blank"
                >宇治</a>
                的 “小街小巷”
              </p>
            </div>
          </div>
        </el-main>
      </el-container>
    </div>
  </div>
</template>
<script>
// import Slider from '@/components/slider/slider.vue'
export default {
  // components: { Slider },
  data() {
    return {
      queryInfo: {
        name: '',
        rank: '',
        position: '',
        // 当前的页数
        pagenum: 1,
        // 当前每页显示多少条数据
        pagesize: 5
      },
      informationData: [
        {
          id: 1,
          title: '520 我在路上等着你！',
          msg: '活动时间：5月20日—5月25日获奖公布时间：5月26日',
          time: '2017-05-20',
          img: require('../../assets/images/1.jpg')
        },
        {
          id: 2,
          title: '达人访谈 用户篇',
          msg: '“有为屌丝”在路上',
          time: '2017-06-20',
          img: require('../../assets/images/2.jpg')
        },
        {
          id: 3,
          title: '有奖活动',
          msg: '写给父亲三行书信',
          time: '2017-06-22',
          img: require('../../assets/images/3.jpg')
        },
        {
          id: 4,
          title: '朋友，请晒出你的足迹',
          msg: '活动获奖公告',
          time: '2017-07-01',
          img: require('../../assets/images/4.jpg')
        },
        {
          id: 5,
          title: '旅行语录',
          msg: '邂逅——最美的风景永远在路上',
          time: '2017-08-05',
          img: require('../../assets/images/5.jpg')
        }
      ],
      raidersData: {
        id: 5,
        title: '10天尼泊尔自由行游记兼攻略',
        msg:
          ' 加德满都～帕坦～博卡拉～奇特旺，从签证、机票、服装、生活用品、药品汇率解析如何玩转尼泊尔。内含闺蜜拍照技巧分享，想去尼泊尔吃喝玩乐的小伙伴速速get吧。',
        time: '2017-08-05',
        img: require('../../assets/images/css.jpg')
      },
      raidersAddressDt: ['加德满都', '帕坦', '博卡拉', '哈尔滨', '奇特旺'],
      deliciousFoodDt: [
        {
          id: 1,
          href: 'http://www.mafengwo.cn/cy/10035/8962.html',
          title: '辣到忘不掉的美味火锅',
          description:
            '川菜中最具革命性的是火锅川菜中最具革命性的是火锅川菜中最具革命性的是火锅，锅底味小吃，烧烤，这一风多样...',
          img: require('../../assets/images/meishi1.jpeg')
        },
        {
          id: 2,
          href: 'http://www.mafengwo.cn/cy/10035/13359.html',
          title: '成都人气川菜餐厅推荐',
          description:
            '川菜早在千余年前就颇味小吃，烧烤，这一风千余年前就颇负盛菜早在千余年前就颇负盛名，以其色菜早在千余年前就颇负盛名...',
          img: require('../../assets/images/meishi2.jpeg')
        },
        {
          id: 3,
          href: 'http://www.mafengwo.cn/cy/10035/8959.html',
          title: '最受欢迎的风味烧烤店',
          description:
            '烧烤，这一风味小吃，烧烤，这一风味小吃，烧烤，这一风味小吃，烧烤，这一风味小吃烧烤，这一风味小吃烧烤，这一风味小吃其火...',
          img: require('../../assets/images/meishi3.jpeg')
        },
        {
          id: 4,
          href: 'http://www.mafengwo.cn/cy/10035/13364.html',
          title: '私享宽窄巷子人气餐厅',
          description:
            '在宽窄巷子里味小吃，烧烤，这一风味小吃，烧烤，这一风，在宽窄巷子里在宽窄巷子里在宽窄巷子里在宽窄巷子里选择一处佳地...',
          img: require('../../assets/images/meishi4.jpeg')
        },
        {
          id: 5,
          href: 'http://www.mafengwo.cn/cy/10035/13363.html',
          title: '锦里的超人气风味美食店',
          description:
            '尽管锦里并不以美食为主，尽管锦里并不以美食为主，尽管锦里并不以美食为主，尽管锦里并不以美食为主，但其...',
          img: require('../../assets/images/meishi5.jpeg')
        }
      ],
      nepalSceneryDt: [],
      xinchunData: [
        {
          id: 1,
          title: '新春出境 好礼换购',
          href: 'http://www.tuniu.com/szt/SpringFestival2018/2702.html'
        },
        {
          id: 2,
          title: '海南新春行 享壕礼',
          href: 'http://www.tuniu.com/szt/hainanwintour/2702.html'
        },
        {
          id: 3,
          title: '东北雪国 满5000元减50元',
          href: 'http://www.tuniu.com/szt/17winortheast/2702.html'
        },
        {
          id: 4,
          title: '邮轮年终特惠 1599起',
          href: 'http://www.tuniu.com/szt/youlunnianzhong/2702.html'
        }
      ],
      sellWellDt: [
        {
          id: 1,
          title: '泰国曼谷-芭提雅机票+当地5晚6日游',
          msg:
            '美食之旅 发班3年老字号 1晚泳池别墅  希尔顿下午茶 杜拉拉水上市场 无自费 五星海航 微信管家',
          img: require('../../assets/images/chunjie1.jpg'),
          href: 'http://www.tuniu.com/tour/210125600',
          price: '4009',
          feedback: '满意度 91%'
        },
        {
          id: 2,
          title: '日本本州8日游',
          msg:
            '西安直飞大阪，本州环岛，优选世界文化遗产白川乡，升级一晚温泉酒店，穿日式和服浴衣体验日式温泉，东京一天自由活动',
          img: require('../../assets/images/chunjie2.jpg'),
          href: 'http://www.tuniu.com/tour/210140583',
          price: '6031',
          feedback: '满意度 99%'
        },
        {
          id: 3,
          title: '泰国-普吉岛6或7日游',
          msg:
            '西安直飞，连住2或3晚芭东凯悦酒店或同级，日游斯米兰，快艇珊瑚岛，神仙半岛，浮潜，4顿特色餐，含600礼包',
          img: require('../../assets/images/chunjie3.jpg'),
          href: 'http://www.tuniu.com/tour/210162944',
          price: '3039',
          feedback: '满意度 92%'
        },
        {
          id: 4,
          title: '日本东京-大阪-京都-富士山7日游',
          msg:
            '两点进出，东京大阪全天自由活动含车接送，指定酒店，鲍鱼海鲜锅、蟹道乐，27种烤肉自助，46KG行李直挂',
          img: require('../../assets/images/chunjie4.jpg'),
          href: 'http://www.tuniu.com/tour/210147716',
          price: '7927',
          feedback: '满意度 97%'
        }
      ]
    }
  },
  methods: {
    async getSceneryList() {
      // this.$http.defaults.headers['IP'] = location.href.toString()
      // this.$http.defaults.headers['token'] = window.sessionStorage.getItem(
      //   'token'
      // )
      const { data: res } = await this.$http.get('/scenerys', {
        params: this.queryInfo
      })
      if (res.status !== 201) {
        return this.$message.error('获取景区列表失败！')
      }
      // console.log(res.scenery)
      this.nepalSceneryDt = res.scenery
    }
  },
  mounted() {
    this.getSceneryList()
  }
}
</script>
<style lang="scss" scoped>
.mfw-toolbar {
  position: fixed;
  right: 43%;
  bottom: 20px;
  height: auto;
  margin-right: -558px;
  display: none;
  z-index: 10;
  .toolbar-item-code .mfw-code {
    border: 1px solid #e5e5e5;
    display: none;
    position: absolute;
    right: 55px;
    bottom: 0;
    background-color: #fff;
    padding: 6px;
    color: #999;
    img {
      border: 0;
      vertical-align: middle;
    }
  }
  .toolbar-item-code .btn:hover {
    background-color: #ff9d00;
    border-color: #ff9d00;
  }
  .icon_feedback {
    width: 18px;
    height: 18px;
    background-position: -90px -165px;
    margin-top: 13px;
  }
  .icon_code {
    width: 19px;
    height: 19px;
    background-position: -120px -165px;
    margin-top: 13px;
  }
  a:hover {
    outline: 0;
    text-decoration: underline;
    color: #ff8a00;
    cursor: pointer;
  }
  .icon_top {
    width: 21px;
    height: 12px;
    background-position: -60px -165px;
    margin-top: 16px;
  }
  i {
    background: url(../Index/header-sprites15.png) no-repeat 0 0;
    display: inline-block;
  }
}
.toolbar-item-top,
.toolbar-item-feedback,
.toolbar-item-code,
.toolbar-item-down {
  margin-bottom: -1px;
}
.mfw-toolbar .btn {
  width: 43px;
  height: 43px;
  display: block;
  border: 1px solid #e5e5e5;
  text-align: center;
  background-color: #fff;
  position: relative;
  em {
    width: 35px;
    background-color: #aaa;
    font-size: 12px;
    line-height: 16px;
    color: #fff;
    font-style: normal;
    position: absolute;
    left: -1px;
    top: -1px;
    z-index: 2;
    display: none;
    padding: 5px 4px 0 4px;
    height: 38px;
    border: 1px solid #aaa;
  }
}
.va_con {
  width: 680px;
  .pic_tag i {
    width: 24px;
    height: 24px;
    margin-right: 10px;
    display: inline-block;
    background: url(./nn_sprite_v25.png) 0 -203px no-repeat;
    vertical-align: -6px;
  }
  .pic_tag i.food {
    background-position: -50px -203px;
  }
  .pic_tag i.food {
    background-position: -50px -203px;
  }
  .pic_tag i.traffic {
    background-position: -100px -203px;
    margin-bottom: 0;
  }
  .article_title {
    margin: 20px 0;
    position: relative;
    h2.t9 {
      height: 50px;
      overflow: hidden;
      color: #222;
      font-size: 24px;
      line-height: 50px;
      background: 0;
    }
    .article_title h2 {
      height: 86px;
      background: url(./t1.gif) 0 0 no-repeat;
      overflow: hidden;
      color: #444;
      font-size: 22px;
      font-weight: normal;
      span {
        line-height: 95px;
        display: block;
      }
    }
    h2.t1 {
      background-image: url(./t1.gif);
    }
  }
}
.loading_backward {
  display: none;
  top: -20px;
  height: 30px;
  z-index: -3;
}
.va_con p {
  margin-bottom: 20px;
  text-align: justify;
  word-break: break-word;
}
.va_con,
.va_con p {
  line-height: 28px;
  font-size: 15px;
  color: #444;
}
.el-main {
  width: 500px !important;
}
.travel_directory {
  border: 1px dashed #d7d7d7;
  padding-bottom: 18px;
  width: 682px;
  margin-bottom: 30px;
  border-radius: 4px;
  position: relative;
  .tarvel_dir_list {
    margin-left: 20px;
    ul {
      width: 100%;
      li {
        width: 170px;
        margin-top: 18px;
        float: left;
        display: inline;
        font-size: 14px;
        height: 22px;
        line-height: 22px;
        color: #666;
        padding-left: 5%;
        background: url(http://css.mafengwo.net/images/post/new_notes/151204sprite1.png)
          no-repeat;
        cursor: pointer;
        span {
          color: #ff9d00;
          margin: 0 5px;
        }
      }
      .time {
        background-position: -22px 0;
      }
      .day {
        background-position: -22px -22px;
      }
      .people {
        background-position: -22px -44px;
      }
      .cost {
        background-position: -22px -66px;
      }
    }
  }
}
.view_title {
  height: 80px;
  margin-bottom: 30px;
  border-bottom: 1px solid #d7d7d7;
  box-shadow: 0 2px 0 rgba(0, 0, 0, 0.05);
  position: relative;
  z-index: 16;
  .bs_collect,
  .bs_share {
    float: right;
    width: 120px;
    height: 65px;
    padding-top: 15px;
    text-align: center;
    border-left: 1px solid #e8e8e6;
  }
  a.bs_btn {
    width: auto;
  }
  .bs_share a.bs_btn i {
    width: 25px;
    height: 24px;
    display: inline-block;
    display: block;
    margin: 0 auto 7px;
    background: url(./sprite_v35.png) -269px -576px no-repeat;
  }
  .bs_collect a.bs_btn i {
    width: 25px;
    height: 24px;
    display: inline-block;
    display: block;
    margin: 0 auto 7px;
    background: url(./sprite_v35.png) -240px -576px no-repeat;
  }
  .person {
    width: 480px;
    padding: 20px 0 0 150px;
    float: left;
    position: relative;
    a.per_name {
      color: #ff7200;
      font-size: 14px;
      font-weight: normal;
    }
    .vc_time {
      color: #acacac;
      display: inline;
      margin-left: 10px;
    }
    .vc_time .time,
    .vc_time span {
      font-family: Verdana, Arial, Helvetica, STHeiti;
      display: inline-block;
      margin-right: 10px;
      i {
        width: 18px;
        height: 14px;
        display: inline-block;
        background: url(/images/post/new_notes/sprite_v35.png) -51px -327px
          no-repeat;
        margin-right: 4px;
        vertical-align: -2px;
      }
    }
    img {
      border: 0;
      vertical-align: middle;
    }
    a.per_grade {
      color: #ea3c1a;
      font-family: Verdana, Arial, Helvetica, STHeiti;
      font-size: 10px;
      font-weight: bold;
      text-decoration: none;
    }
    strong {
      font-weight: bold;
    }
    .i-fengshou {
      z-index: 100;
      width: 44px;
      height: 44px;
      position: absolute;
      left: 80px;
      top: 6px;
      background: url(/images/shequ/notes-medal3.png) 0 0 no-repeat;
    }
    a {
      display: inline-block;
      margin-right: 5px;
    }
    a.per_pic {
      width: 120px;
      height: 120px;
      position: absolute;
      top: -80px;
      left: 0;
      z-index: 88;
      img {
        border-radius: 50%;
      }
    }
  }
  .ding {
    position: absolute;
    right: 50%;
    top: -77px;
    margin-right: -475px;
    color: #fff;
    z-index: 4;
    .num {
      font-size: 14px;
      font-weight: bold;
      font-family: Verdana, Arial, Helvetica, STHeiti;
    }
    a {
      width: 37px;
      height: 33px;
      display: inline-block;
      margin-bottom: 5px;
      text-align: center;
      line-height: 32px;
      background: url(/images/post/new_notes/sprite_v35.png) -293px -236px
        no-repeat;
      font-size: 18px;
      color: #fff;
      text-shadow: 1px 0 1px #fcaf54;
    }
  }
  .vt_center {
    width: 1000px;
    margin: 0 auto;
  }
}
.set_bg {
  background-size: cover;
  width: 100%;
  height: 634px;
  img {
    position: absolute;
    width: 100%;
    height: 100%;
  }
}
.tn-item:hover {
  background-color: #f8f8f8;
  // padding: 15px;
  // margin: 0 -15px;
}
.tn-item {
  position: relative;
  padding: 15px 20px;
  height: 150px;
  width: 800px;
  dl {
    height: 117px;
  }
  dd {
    line-height: 20px;
    font-size: 14px;
    overflow: hidden;
    a {
      color: #666;
    }
  }
  dt {
    height: 26px;
    margin-bottom: 10px;
    font-size: 18px;
    line-height: 26px;
    a {
      width: 420px;
      height: 26px;
      display: block;
      color: #333;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    }
  }
  .tn-image {
    float: left;
    width: 220px;
    height: 150px;
    position: relative;
    img {
      width: 250px;
      height: 150px;
    }
  }
  .tn-wrapper {
    position: absolute;
    left: 300px;
    width: 500px;
    height: 150px;
    .tn-extra {
      position: relative;
      height: 33px;
      overflow: hidden;
      line-height: 33px;
      span {
        display: inline-block;
      }
      .tn-nums {
        font-size: 14px;
        color: #999;
        i {
          float: left;
          margin: 10px 5px 0 0;
          width: 18px;
          height: 14px;
          background-position: -30px -50px !important;
        }
      }
      .tn-place {
        margin-right: 5px;
        i {
          float: left;
          margin: 8px 5px 0 0;
          width: 14px;
          height: 16px;
          background-position: 0 -50px !important;
          overflow: hidden;
        }
        a {
          color: #666;
        }
      }
      .tn-user {
        margin-right: 10px;
        img {
          margin-right: 5px;
          width: 16px;
          height: 16px;
          overflow: hidden;
          border-radius: 50%;
          vertical-align: -3px;
        }
        a {
          background-color: transparent;
          text-decoration: none;
          color: #ff9d00;
          cursor: pointer;
        }
      }
      .tn-ding {
        float: right;
        color: #ff9d00;
        font-size: 14px;
        *width: 100px;
        text-align: right;
        .btn-ding {
          display: inline-block;
          margin-left: 8px;
          width: 38px;
          height: 33px;
          background-position: -60px 0 !important;
          overflow: hidden;
        }
        em {
          position: absolute;
          right: 45px;
          display: inline;
          font-style: normal;
          line-height: 33px;
        }
      }
    }
  }
  .tn-write .btn-add i,
  .tn-extra .btn-ding,
  .tn-extra .tn-place i,
  .tn-extra .tn-nums i {
    background: url(http://css.mafengwo.net/images/index-sprites9.png) no-repeat;
  }
}

.index-wrap {
  width: 1270px;
  height: 100%;
  margin-left: 375px;
}

.index-left-block {
  margin-bottom: 30px;
  background: #fff;
  box-shadow: 0 0 1px #ddd;
  padding-bottom: 5px;
  .asidebox-hd {
    padding: 12px 12px 10px 12px;
    height: 35px;
    line-height: 35px;
    .title {
      // float: left;
      font-size: 18px;
      color: #333;
      font-weight: normal;
      cursor: pointer;
    }
    .hd-right {
      float: right;
      color: #999;
      cursor: pointer;
    }
  }
}

.index-wrap .index-left-block h2 {
  /* background: #4fc08d; */
  color: #333;
  padding: 10px 15px;
  margin-bottom: 20px;
  font-size: 18px;
  font-family: Arial, 'Lucida Grande', 'Microsoft Yahei', 'Hiragino Sans GB',
    'Hiragino Sans GB W3', SimSun, 'PingFang SC', STHeiti;
  /* color: #666; */
}

.container-list.pic_news {
  padding: 0 15px 0 0;
}

.container-list.pic_news h3 {
  text-align: right;
}

.pic_news img {
  float: left;
  margin: 0 5px;
}

.pic_news img {
  width: 113px;
  height: 77px;
}

.pic_news p {
  font-size: 14px;
  padding: 8px 0;
  color: #928c8d;
}

.pic_news ul > li span {
  float: right;
  color: #999;
}

.pic_news a,
.product_list a {
  color: #555;
  text-decoration: none;
}

.pic_news li {
  padding-left: 10px;
  margin: 8px;
  border-bottom: 1px dotted #ccc;
  height: 17px;
  line-height: 17px;
}

.container-list.product_list img {
  width: 315px;
  padding: 0 22px;
}

.container-list.product_list h3 {
  text-align: center;
  padding-top: 10px;
}

.container-list.product_list p {
  padding: 15px;
  text-indent: 35px;
}

.address-tag-container {
  padding: 13px 15px;
}

.address-tag-container span {
  cursor: default;
}

.container-list.food {
  width: 328px;
  margin: 0 auto;
}

.container-list.food .mask,
.el-carousel__item .mask {
  position: absolute;
  bottom: 0;
  left: 0;
}

.container-list.food .mask {
  width: 300px;
  padding: 0 10px;
  color: #111;
  .title {
    font-size: 18px;
    color: #333;
    font-weight: normal;
    cursor: pointer;
  }
  p {
    margin-top: 5px;
    height: 60px;
    line-height: 20px;
    font-size: 14px;
    color: #666;
    overflow: hidden;
  }
}
.el-carousel__item .mask {
  width: 300px;
  padding: 0 20px;
}

.el-carousel__item .mask_home {
  position: absolute;
  top: 25px;
  left: 50%;
  margin-left: -500px;
  color: #fff;
  font-size: 26px;
  text-align: left;
  min-width: 1000px;
  text-shadow: 0 1px 3px rgba(0, 0, 0, 0.9);
  .day {
    font-size: 38px;
  }
}

.fiery-activity {
  margin-top: 15px;
  background: url('../../assets/images/nianwei.jpeg') 0 0 no-repeat;
  width: 100%;
  background-size: 100%;
}

.fiery-activity .xinchun-link {
  width: 225px;
  height: 225px;
  display: block;
}

.xinchun-memu {
  padding: 0 8px;
}

.xinchun_item {
  background: url('../../assets/images/xinchun.png') 0 0 no-repeat;
  background-size: 100%;
  width: 230px;
  height: 30px;
  margin-bottom: 5px;
  line-height: 30px;
}

.xinchun-memu .xinchun_item a {
  font-family: 'microsoft yahei';
  font-size: 14px;
  font-weight: bold;
  color: #ff6284;
  display: block;
  padding-left: 10px;
}

.fiery-activity-main {
  padding: 20px 0;
}

.fiery-activity-main img {
  width: 245px;
  height: 120px;
}

.el-main.fiery-activity-main .el-col.el-col-11 {
  margin-left: 10px;
  padding: 0 10px 15px 10px;
}

.el-main.fiery-activity-main .grid-content {
  background-color: #fff;
}

.el-main.fiery-activity-main .el-col.el-col-11 a {
  display: block;
  text-align: center;
  padding-top: 8px;
}

.el-main.fiery-activity-main .activity_mess {
  position: absolute;
  padding-bottom: 5px;
  color: #fff;
  width: 245px;
  height: 38px;
  margin-left: 18px;
  bottom: 50px;
  font-size: 12px;
  background-color: rgba(0, 0, 0, 0.5);
  overflow: hidden;
}

.el-main.fiery-activity-main .activity_mess a:link,
.el-main.fiery-activity-main .activity_mess a:visited,
.el-main.fiery-activity-main .activity_mess a:hover,
.el-main.fiery-activity-main .activity_mess a:active {
  color: #fff;
}

.el-main.fiery-activity-main .activity_mess a span {
  font-weight: bold;
}

.el-main.fiery-activity-main .activity_price {
  padding: 5px 17px 5px 17px;
}

.activity_price .el-col.el-col-12:nth-child(1) {
  color: #f60;
  font-size: 14px;
  padding-left: 5px;
  margin-top: -5px;
}

.activity_price .el-col.el-col-12:nth-child(1) span {
  font-weight: bold;
  font-size: 20px;
}

.activity_price .el-col.el-col-12:nth-child(2) {
  text-align: right;
  color: #999;
  font-size: 12px;
}
.sales-entrys-container-innerimg {
  width: 100%;
  font-size: 0;
  white-space: nowrap;
  margin: 15px 0 0 435px;
  // border: 1px solid #111;
}
.clearfix:after {
  content: '';
  clear: both;
  height: 0;
  display: block;
  overflow: hidden;
}
.sales-entrys-item .sales-entrys-title {
  display: inline-block;
  height: 22px;
  font-size: 16px;
  font-weight: 600;
  line-height: 22px;
  font-family: PingFangSC-Semibold;
  color: #333;
}
.sales-entrys-item .sales-entrys-subtitle {
  height: 16px;
  padding-top: 1px;
  font-size: 11px;
  font-weight: 400;
  line-height: 16px;
  font-family: PingFangSC-Regular;
  color: #9d9d9d;
}
.sales-entrys-container-innerimg .sales-entrys-item {
  width: 127px;
  margin-right: 10px;
  border: 1px solid #e5e5e5;
  background-image: url(https://p3-q.mafengwo.net/s14/M00/73/0B/wKgE2l0HSGuAOI1tAAChEE0vNA4603.png);
  background-repeat: no-repeat;
  background-size: 104px auto;
  background-position-x: 59px;
}
.sales-entrys-container-innerimg .entrys-bg-sales {
  background-position-y: -651px;
}
.sales-entrys-container-innerimg .entrys-bg-group {
  background-position-y: -24px;
}
.sales-entrys-container-innerimg .entrys-bg-localdeals {
  background-position-y: -129px;
}
.sales-entrys-container-innerimg .entrys-bg-flight {
  background-position-y: -441px;
}
.sales-entrys-container-innerimg .entrys-bg-hotel {
  background-position-y: -546px;
}
.sales-entrys-container-innerimg .entrys-bg-visa {
  background-position-y: -335px;
}
.sales-entrys-container-innerimg .entrys-bg-ship {
  background-position-y: -233px;
}
.sales-entrys-item:first-child {
  margin-left: 0;
}
.sales-entrys-item {
  width: 154px;
  height: 47px;
  margin-left: 8px;
  padding-top: 8px;
  padding-left: 7px;
  display: inline-block;
  border-radius: 3px;
  font-family: PingFangSC-Semibold;
  cursor: pointer;
}
.el-main {
  margin-left: 80px;
}
</style>
